<style scoped>
    .expand-row{
        margin-bottom: 16px;
    }
</style>
<template>
    <div>
        <Row class="expand-row">
            <Col span="8">
                <span class="expand-key">销售日期</span>
            </Col>
            <Col span="8">
                <span class="expand-key">销售面积</span>
            </Col>
        </Row>
        <Row v-for="(row,index) in rows" :key="index">
            <Col span="8" >
                 <span class="expand-value">{{row.date}}</span>
            </Col>
             <Col span="8" >
                 <span class="expand-value">{{row.area}}</span>
            </Col>
        </Row>
    </div>
</template>
<script>
    export default {
        props: {
            rows: Object
        }
    };
</script>